.gridBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #79757f;
  width: 290px;
  height: 368px;
  // height:88%;
  margin: 0 auto;
  padding-bottom: 10px;
}
.avatart {
  display: inline-block;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid #979797;
}

.nickname {
  margin: 0;
  margin-top: 8px;
  width: 74px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 2s linear;
}

.userItem {
  margin-bottom: 24px;
}


/*页面第一次加载时的开始状态*/
.fade-appear {
  opacity: 0;
}
 
/*页面第一次加载时的动画过程*/
.fade-appear-active {
  opacity: 1;
  transition: opacity 1s ease-in;
}